<script setup lang="ts">
	onLaunch(() => { });
	onShow(() => { });
	onHide(() => { });
</script>
<style lang="scss">
	@import "uview-plus/index.scss";

	page {
		// color: var(--color-text);
		// background-color: $body-background-color;
		background-color: #f2f2f6;
		// background-image: $body-background-image;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		background-attachment: fixed;
		max-width: 750rpx;

	}

	view {
		// 文本自动换行
		word-break: break-all;
	}

	view,
	swiper,
	swiper-item {
		box-sizing: border-box;
	}

	.m {
		position: relative;
		background-color: $m-background-color;
		background-color: #fff;

		border: $m-border;

		// box-shadow: $m-shadow;
		backdrop-filter: blur(16px);
	}

	/* 超出省略号 */
	// 单行省略号
	.-overflow-ellipsis-s {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	// 多行省略号， 默认3行，但是会被指令调用时要被覆盖
	.-overflow-ellipsis-m {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
	}
</style>